<template>
    <div>Login

        <input v-model="username">
        <input v-model="password">
        <button @click="login">登录</button>
    </div>
</template>
<script>
import {mapMutations} from "vuex";
export default {
    data(){
        return {
            username:'',
            password:''
        }
    },
    methods:{
        ...mapMutations(["SET_TOKEN","SET_USERINFO"]),
        login(){
            // 调用登录api
            this.$http.post('/api/login',{username:this.username,password:this.password}).then((res)=>{
                console.log('login res',res);

                // 根据code判断用户登录状态，如果code为0，说明登录成功
                if(res.code===0){
                    this.SET_TOKEN(res.token);  //把获取到的token值通过mutations方法赋给store里的state 属性 token
                    this.SET_USERINFO(res.userinfo); // 把获取到的用户信息通过mutations方法赋值给仓库里的 state属性 userinfo
                    this.$router.push('/my'); //跳转到我的页面
                }else{
                    //登录失败 ，显示后端返回的错误提示
                    alert(res.message);
                }
            })
        }
    }
}
</script>